html, body {
  height: 100%; }

.create-qrcode {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("../img/bg.jpeg") no-repeat 0 0;
  background-size: cover; }
  .create-qrcode .header {
    height: 1.49333rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 0.58667rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    color: #fff; }
  .create-qrcode .container {
    padding: 0.42667rem 0.58667rem;
    color: #fff; }
    .create-qrcode .container .title {
      font-size: 22px; }
    .create-qrcode .container .time-box {
      margin-top: 0.26667rem;
      font-size: 14px; }
      .create-qrcode .container .time-box p {
        height: 0.64rem;
        line-height: 0.64rem; }
      .create-qrcode .container .time-box .person {
        color: #c1c1c1; }
    .create-qrcode .container .desc {
      margin-top: 0.26667rem;
      font-size: 12px;
      line-height: 20px; }
    .create-qrcode .container .img-box img {
      display: block;
      margin: 0.66667rem auto;
      width: 6rem;
      height: 6rem; }
    .create-qrcode .container .footer img {
      display: block;
      margin: 1.14667rem auto;
      width: 5.62667rem;
      height: 1.06667rem; }

/*# sourceMappingURL=../sourcemap/create-qrcode.css.map */
